<template>
	<!-- 骗局曝光 -->
	<div class="d">
		<van-cell title="骗局曝光" style="background-color: #dadcdd; font-size: 18px; font-weight: bold;"></van-cell>
		<div class="n1"></div>
		<div class="news">
			<div class="n">
				<van-tabs :color="'#0000ff'" :title-active-color="'#0000ff'" class="order-tab" animated>
					<van-tab title="推荐看点" :name="1">
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
					</van-tab>
					<van-tab title="最新诈骗" :name="2">
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
					</van-tab>
					<van-tab title='"身边"案例' :name="3">
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
					</van-tab>
					<van-tab title="骗局类型" :name="4">
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
						<div class="z"></div>
						<div class="content">
							<div class="text">
								反诈电信网络诈骗草案二审三大看点
							</div>
							<div class="content-img">
								<img src="../../../assets/logo.png" alt="">
							</div>
						</div>
						<div class="left">
							国家反诈中心 2022年6月13日
						</div>
					</van-tab>
				</van-tabs>
			</div>
		</div>
	</div>
</template>

<script>
	import qs from "qs"
	export default {
		name: 'homeNews',
		props: ["applySceneData"],
		data() {
			return {
				active: 0,
			};
		},
		// created() {
		// 	this.$axios.post("http://110.42.179.143:8088/index", qs.stringify({
		// 			uesr_id: "iwen@qq.com",
		// 			password: "iwen123",
		// 			verification_code: "crfvw"
		// 		}))
		// 		.then(res => {
		// 			console.log(res)
		// 		})
		// 		.catch(error => {
		// 			console.log(error)
		// 		})
		// },
	}
</script>

<style>
	.news {
		display: flex;
		justify-content: center;
	}
    .n1{
		width: 95%;
		height: 10px;
		background-color: white;
		margin-left: 2.5%;
		border-radius: 15px 15px 0 0;
	}
	.n {
		width: 95%;
		background-color: white;
		border-radius: 15px;
	}

	/* .n::after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		left: 0;
		top: 0;
		background: radial-gradient(circle at right top 100%, transparent 20px, #dadcdd 15px);
	} */

	.n .content {
		display: flex;
		justify-content: space-between;
	}

	.n .content .text {
		margin-left: 5%;
		font-weight: bold;
		font-size: 15px;
		margin-top: 3%;
	}

	 .n .left {
		margin-left: 5%;
		font-size: 12px;
		color: #b6b6b6;
		margin-bottom: 3%;
	}

	.n .content .content-img img {
		width: 40%;
		padding-left: 30%;
	}

	.z {
		border: #afafaf 1px solid;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
</style>
